var frameTabs = {
	//当前展示的tab内容
	visableTab:null,
	//鼠标滑过的tab内容
	moverOverTag:null,
	//所有tab内容数组
	tabsArray:new Array(),
	//添加标签的初始序列号
	addTabSeq:0,
	xx:null,
	yy:null,
	//初始化tab
	initTab : function(datas)
	{
		frameTabs.visableTab = $(".tabsLink")[0];
		frameTabs.bindTabEventAndClass();
	},
	//绑定事件
	bindTabEventAndClass : function()
	{
		if($.browser.msie){ 
			frameTabs.xx = document.compatMode == "CSS1Compat"? document.documentElement.clientWidth : document.body.clientWidth; 
			frameTabs.yy = document.compatMode == "CSS1Compat"? document.documentElement.clientHeight : document.body.clientHeight; 
		}else{ 
			frameTabs.xx = self.innerWidth; 
			frameTabs.yy = self.innerHeight; 
		}
		$("#frameContainer").css("width",frameTabs.xx);
		$("#frameContainer").css("height",frameTabs.yy-40);
		$(".tabsLink").each(function(i){
			$(this).parent().css("width","120");
			//所有tabs
			frameTabs.tabsArray.push($(this).attr("id"));
			frameTabs.createFrame($(this).attr("link"),$(this).attr("id")+"_frame");
			//绑定上层li的初始样式
			var currentLi = $(this).parent();
			var prevLi = $(currentLi).prev();
			var nextLi =  $(currentLi).next();
			
			if(i==0){
				$(currentLi).addClass("currentTab_center");
				$(prevLi).addClass("currentTab_l");
				$(nextLi).addClass("currentTab_r");
				$('#content'+frameTabs.firstTabSeq).show();
				frameTabs.visableTab = $(currentLi).find(".tabsLink");
				frameTabs.setCurrentFrameName($(currentLi).find(".tabsLink").attr("id")+"_frame");
			}else{
				$(currentLi).addClass("noSelectTab_center");
				$(prevLi).addClass("noSelectTab_l");
				$(nextLi).addClass("noSelectTab_r");
			}
			
		});
		//绑定click事件，显示菜单图标，样式改变
		$(".tabsLink").live('click', function(event) {
			return frameTabs.tabClick(event.target);
		});
		//绑定mousevoer事件，显示背景色
		$(".tabsLink").live('mouseover', function(event) {
			frameTabs.tabMouseOver(event.target);
		});
		//绑定mousevout事件，显示背景色
		$(".tabsLink").live('mouseout', function(event) {
			frameTabs.tabMouseOut(event.target);
		});
		//关闭按钮绑定mousevoer事件，更换背景图
		$(".tabsClose").live('mouseover', function(event) {
			frameTabs.tabCloseMouseOver(event.target);
		});
		$(".tabsClose").live('mouseout', function(event) {
			frameTabs.tabCloseMouseOut(event.target);
		});
		$(".tabsClose").live('click', function(event) {
			frameTabs.tabCloseMouseClick(event.target);
		});
		$("#addTab").bind('mouseover', function(event) {
			frameTabs.addTabMouseOver();
		});
		$("#addTab").bind('mouseout', function(event) {
			frameTabs.addTabMouseOut();
		});
		$("#addTab").bind('click', function(event) {
			frameTabs.addTabMouseClick();
		});
	},
	//tab单击事件
	tabClick : function (currentObj)
	{
		if($(currentObj).hasClass("tabsLink"))
		{
			var preTab = frameTabs.visableTab;
			if(preTab!=null)
			{
				var preLi = $(preTab).parent();
				var prevPreLi = $(preLi).prev();
				var nextPreLi =  $(preLi).next();
				$(preLi).removeClass();
				$(preLi).addClass("noSelectTab_center");
				$(prevPreLi).removeClass();
				$(prevPreLi).addClass("noSelectTab_l");
				$(nextPreLi).removeClass();
				$(nextPreLi).addClass("noSelectTab_r");
			}
			var clickLi = $(currentObj).parent();
			var prevLiClick = $(clickLi).prev();
			var nextLiClick =  $(clickLi).next();
			$(clickLi).removeClass();
			$(clickLi).addClass("currentTab_center");
			$(prevLiClick).removeClass();
			$(prevLiClick).addClass("currentTab_l");
			$(nextLiClick).removeClass();
			$(nextLiClick).addClass("currentTab_r");
			//显示iframe中的内容
			$("#"+$(frameTabs.visableTab).attr("id")+"_frame").css("display","none");
			$("#"+$(currentObj).attr("id")+"_frame").css("display","");
			frameTabs.visableTab = currentObj;
			frameTabs.setCurrentFrameName($(currentObj).attr("id")+"_frame");
		}
	},
	//tab鼠标滑过
	tabMouseOver:function(currentObj)
	{
		if($(currentObj).hasClass("tabsLink"))
		{
			frameTabs.moverOverTag = currentObj;
			var mouseOverLi = $(currentObj).parent();
			var prevLimouseOver = $(mouseOverLi).prev();
			var nextLimouseOver =  $(mouseOverLi).next();
			if(!$(mouseOverLi).hasClass("currentTab_center"))
			{
				$(mouseOverLi).removeClass();
				$(mouseOverLi).addClass("mouseOverTab_center");
				$(prevLimouseOver).removeClass();
				$(prevLimouseOver).addClass("mouseOverTab_l");
				$(nextLimouseOver).removeClass();
				$(nextLimouseOver).addClass("mouseOverTab_r");
			}
		}
	},
	//tab鼠标移出
	tabMouseOut:function(currentObj)
	{
		var mouseOutLi = $(frameTabs.moverOverTag).parent();
		var prevLimouseOut = $(mouseOutLi).prev();
		var nextLimouseOut =  $(mouseOutLi).next();
		if(!$(mouseOutLi).hasClass("currentTab_center"))
		{
			$(mouseOutLi).removeClass();
			$(mouseOutLi).addClass("noSelectTab_center");
			$(prevLimouseOut).removeClass();
			$(prevLimouseOut).addClass("noSelectTab_l");
			$(nextLimouseOut).removeClass();
			$(nextLimouseOut).addClass("noSelectTab_r");
		}
		frameTabs.moverOverTag = null;
	},
	//tab上的关闭部分鼠标滑过
	tabCloseMouseOver:function(currentObj)
	{
		$(currentObj).addClass("tabsClose_mouseOver");
	},
	//tab上的关闭部分鼠标移出
	tabCloseMouseOut:function(currentObj)
	{
		$(currentObj).removeClass("tabsClose_mouseOver");
	},
	//关闭tab
	tabCloseMouseClick:function(currentObj)
	{
		var currentTab = $(currentObj).parent();
		$(currentTab).parent().prev().remove();
		$(currentTab).parent().next().remove();
		$(currentTab).parent().remove();
		var currentTabId = $(currentTab).attr("id");
		$("#"+currentTabId+"_frame").remove();
		
		var preTabId;
		var newTabArray = new Array();
		//在tab数组中找到当前的tab，并移除它
		for(var i=0;i<frameTabs.tabsArray.length;i++)
		{
			if(currentTabId==frameTabs.tabsArray[i])
			{
				if(i>0)
					preTabId = frameTabs.tabsArray[i-1];
				else
				{
					if(i!=frameTabs.tabsArray.length-1)
						preTabId = frameTabs.tabsArray[i+1];
				}
			}
			else
			{
				newTabArray.push(frameTabs.tabsArray[i]);
			}
		}
		frameTabs.tabsArray = newTabArray;
		//所关闭的tab为当前显示的tab
		if($(frameTabs.visableTab).attr("id")==currentTabId)
		{
			if(preTabId!=null)
			{
				frameTabs.tabClick($("#"+preTabId));
			}
		}
		if($(".tabsLink").length==0)
		{
			frameTabs.addTabMouseClick();
		}
		frameTabs.resetTabWidth();
	},
	addTabMouseOver:function()
	{
		$("#addTab").removeClass("addTab");
		$("#addTab").addClass("addTab_mouseOver");
	},
	addTabMouseOut:function()
	{
		$("#addTab").removeClass("addTab_mouseOver");
		$("#addTab").addClass("addTab");
	},
	//添加tab标签
	addTabMouseClick:function()
	{
		var tabId = "addTab"+frameTabs.addTabSeq;
		frameTabs.tabsArray.push(tabId);
		var tabHtml = '<li></li><li><div class="tabsLink" id="'+tabId+'" link=""><div class="tabsClose">&nbsp;</div>新标签页</div></li><li></li>';
		frameTabs.addTabSeq +=1;
		$("#addTab").parent().before(tabHtml);
		frameTabs.createFrame("",tabId+"_frame");
		frameTabs.tabClick($("#"+tabId));
		frameTabs.resetTabWidth();
	},
	//创建tab对应的iframe
	createFrame:function(url,frameId)
	{
		//当前显示的tab
		var visableTabId = $(frameTabs.visableTab).attr("id");
		var hideFrameHtml = "display:none;";
		//所创建的tab是当前的不设置为空
		if(visableTabId+"_frame"==frameId)
			hideFrameHtml="";
		
		if(url==null)
			url="";
		var html = "<iframe src='"+url+"' id='"+frameId+"' name='"+frameId+"' width='"+frameTabs.xx+"' height='"+(frameTabs.yy-34)+"' frameborder='0' scrolling='no' style='"+hideFrameHtml+"'></iframe>";
		$("#frameContainer").append(html);
	},
	resetTabWidth:function(){
		var len = $(".tabsLink").length;
		var size = 120;
		if(frameTabs.xx/len<140)
			size = (frameTabs.xx-30)/len-15;
		$(".tabsLink").each(function(i){
			$(this).parent().css("width",size);
			//所有tabs
			frameTabs.tabsArray.push($(this).attr("id"));
		});
	},
	setCurrentFrameName:function(frameName){
		window.top.frameName = frameName;
	},
	setTabTitle:function(tabTitle)
	{
		$(frameTabs.visableTab).html("<div class='tabsClose'>&nbsp;</div>"+tabTitle);
	}
}